.lgoin-from {
  width: 360px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ccc;
  margin: 300px auto 0;
  position: relative;
  background-image: linear-gradient(to right, #36D1DC, #5B86E5 );

  &::after{
    content:"";
    background-color: #fff;
    width: 100%;
    height: 80%;
    position: absolute;
    bottom: 0;
    z-index: -1;
  }

  .img-box {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    margin: 20px auto 10px;
    overflow: hidden;

    img {
      width: 100%;
      height: 100%;
    }
  }

  label {
    display: block;
    padding-top: 10px;

    input {
      height: 25px;
      box-sizing: border-box;
      padding-left: 5px;
      margin: 0 auto;
      display: block;
      border: 1px solid #ccc;
      border-radius: 4px;
    }
  }

  .loginBtn {
    margin: 15px auto 10px;
    display: block;
    padding: 5px 60px;
    border-radius: 4px;
    background-color: #e0f0e9;
    cursor: pointer;
  }
}